<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>绑定邮箱</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body class="eamil">
<div class="header">
    <p id="top">
        <span class="left">亲，<a href="#">请注册</a>&nbsp;&nbsp;<a href="#">免费注册</a></span>
        <span class="right">
                      <a href="index.html">商城首页</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/个人中心 - 选中.png" height="12" width="12"/>
            <a href="information.html">个人中心</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/购物车.png" height="12" width="12"/>
            <a href="cart.html">购物车0</a>&nbsp;&nbsp;&nbsp;
            <img src="img/information/收 藏.png" height="12" width="12"/>
            <a href="collection.html">收藏夹</a>
            </span>
    </p>
    <div id="se">
        <img src="img/information/logo1.png" height="87" width="166" id="logo"/>
        <div id="serach_f">搜索
            <a href="search.html">
            <div id="serach">
                搜索
            </div>
            </a>
        </div>
    </div>
    <ul class="banner clearfix">
        <div id="kind">
            全部种类
        </div>
        <li><a href="index.html">首页 </a> <span>|</span></li>
        <li><a href="index.html">闪购 </a><span>|</span></li>
        <li><a href="index.html">限时购 </a><span>|</span></li>
        <li><a href="index.html">团购 </a><span>|</span></li>
        <li><a href="index.html">大包装 </a><span>|</span></li>
    </ul>
    <div class="weal">
        <div class="box1">
        </div>
        <div class="box2">
            我的福利&nbsp;>
        </div>
    </div>
</div>
<p class="line"></p>
<div class="main">
    <div class="nav">
        <p class="personal">
            个人中心</p>
        <p id="per">
            个人资料</p>

        <ul >
            <li><a href="information.html">个人信息</a></li>
            <li><a href="safe.html" class="link">安全设置</a></li>
            <li><a href="address.html">地址管理</a></li>
            <li><a href="pay.html">快捷支付</a></li>
        </ul>

        <p id="deal">
            我的交易</p>
        <ul >
            <li><a href="Orders.html">订单管理</a></li>
            <li><a href="change.html">退款售后</a></li>
            <li><a href="comment.html">评价商品</a></li>
        </ul>
        <p id="rich">
            我的资产</p>
        <ul >
            <li><a href="#">我的积分</a></li>
            <li><a href="#">优惠券</a></li>
            <li><a href="#">红包</a></li>
            <li><a href="#">账户余额</a></li>
            <li><a href="#">账单明细</a></li>
        </ul>
        <p id="collect">
            我的收藏</p>
        <ul >
            <li><a href="collection.html">收藏</a></li>
            <li><a href="foot.html">足迹</a></li>
            <li><a href="#">红包</a></li>
        </ul>
        <p id="qq">
            在线客服</p>
        <ul >
            <li><a href="#">商品咨询</a></li>
            <li><a href="#">意见反馈</a></li>
            <li><a href="#">我的消息</a></li>
        </ul>
    </div>
    <div class="right clearfix">
        <p class="s_f">绑定邮箱/Bind Mailbox</p>
        <div id="jd" class="clearfix" >
            <div id="cir1">•••</div>
            <div id="p_1"><div id="p_2"></div></div>
            <div id="cir2">2</div>

        </div>
        <span id="sp">设置邮箱地址</span>
        <span class="sp1">完成</span>
        <form class="sub" id="sub">

            <p><span >验证邮箱</span><input type="text" id="num2" placeholder="请输入邮箱地址" />
            </p>
            <p><span >验证码</span><input type="text" id="num"/> <a href="#">验证码</a></p>

            <div>保存修改</div>
        </form>
    </div>
</div>
<div class="footer">
    <p class="p1"><a href="index.html">WE SHOP</a><span>|</span><a href="index.html">商城首页</a><span>|</span><a href="#">支付宝</a><span>|</span><a href="#">物流</a></p>
    <p class="p2"><a href="#">关于我们</a><a href="#">合作伙伴</a><a href="#">联系我们</a><a href="#">网站地图</a></p></div>
<script src="js/lib/jquery.min.js"></script>
<script src="js/progress.js"></script>

</body>
</html>